@charset 'utf-8';

#finance img{
  display: block;
}
#finance{
  background-color: #EFEFF4;
  width: 100%;
}
/*广告部分*/
#f-banner{
  width: 100%;
  margin-top: 0.2rem;
}
#f-banner img{
  width: 100%;
}
/*导航部分*/
#f-nav{
  display: flex;
  width: 100%;
  margin-top: 0.2rem;
  background-color: white;
  padding-bottom: .1rem;
}
#f-nav div{
  width: 25%;
}
#f-nav div img{
  width: 50%;
  margin: 0.3rem auto 0;
}
#f-nav div p{
  text-align: center;
  height: 0.4rem;
  line-height: 0.4rem;
  font-size: 0.2rem;
  color: #898989;
}
/*定期理财*/
#f-main{
  width:100%;
  background-color: white;
  margin-top: 0.2rem;
}
#f-main>p{
  font-size: 0.3rem;
  font-weight: bold;
  height: 0.8rem;
  line-height: 0.8rem;
  padding-left: 1em;
  border-bottom: 1px solid #EFEFF4;
}
#f-main li{
  display: flex;
  align-items: center;
}
#f-main li div:first-of-type{
  width: 20%;
}
#f-main li div:first-of-type img{
  width: 60%;
  margin: 0.2rem auto;
}
#f-main li div:last-of-type{
  width: 60%;
}
#f-main li div:last-of-type p:first-of-type{
  font-size: 0.25rem;
}
#f-main li div:last-of-type p:last-of-type{
  font-size: 0.2rem;
  color: #898989;
}
#f-main li>p{
  width: 20%;
  font-size: 0.2rem;
  color: red;
  text-align: center;
}
/*特色理财*/
#f-main1{
  width:100%;
  background-color: white;
  margin-top: 0.2rem;
}
#f-main1>p{
  font-size: .3rem;
  font-weight: bold;
  height: 0.8rem;
  line-height: 0.8rem;
  padding-left: 1em;
}
#f-main1>div{
  width: 100%;
  display: flex;
  justify-content: center;
}
#f-main1>div>div{
  font-size: 0.25rem;
  width: 44%;
}
#f-main1 div img{
  width: 100%;
  margin-bottom: 0.2rem;
}
#f-main1 .f-white{
  width: 4%;
}
.f-btnBg {
  display: inline-block;
  width: .08rem;
  height: .18rem;
  position: relative;
  top: .01rem;
  background-image: url(../img/forward.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-left: .05rem;
}
.f-arrow {
  font-size: .1rem;
  position: relative;
  bottom: .01rem;
}
